<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description"content="{{site.description}}">
    <meta name="keywords" content="{{site.keywords}}"/>
    <meta property="og:title" content="{{site.title}}" />
    <meta property="og:description" content="{{site.description}}" />
    <title>{{site.title}}-{{site.name}}</title>
    {{include './common/css.html'}}
</head>

<body class="font-sans bg-gray-50">
     {{include './common/header.html'}}

    <!-- 页面内容 -->
    <main class="pt-20">
        <!-- 联系信息 -->
        <section class="py-12 bg-white">
            <div class="container mx-auto px-4">
                <h1 class="text-4xl font-bold text-center mb-8">联系我们</h1>

                <div class="max-w-4xl mx-auto grid md:grid-cols-2 gap-8 mb-8">
                    <!-- 新闻信息 -->
                    <div class="bg-gray-50 p-6 rounded-lg">
                        <div class="space-y-4">
                            <div class="flex items-start">
                                <i class="fas fa-building text-blue-600 mt-1 mr-3"></i>
                                <div>
                                    <h3 class="font-medium">公司名称</h3>
                                    <p class="text-gray-600">{{frag.companyName}}</p>
                                </div>
                            </div>
                            <div class="flex items-start">
                                <i class="fas fa-map-marker-alt text-blue-600 mt-1 mr-3"></i>
                                <div>
                                    <h3 class="font-medium">公司地址</h3>
                                    <p class="text-gray-600">{{frag.companyAddress}}</p>
                                </div>
                            </div>
                            <div class="flex items-start">
                                <i class="fas fa-phone text-blue-600 mt-1 mr-3"></i>
                                <div>
                                    <h3 class="font-medium">联系电话</h3>
                                    <p class="text-gray-600">{{frag.contactTel}}</p>
                                </div>
                            </div>
                            <div class="flex items-start">
                                <i class="fas fa-envelope text-blue-600 mt-1 mr-3"></i>
                                <div>
                                    <h3 class="font-medium">电子邮箱</h3>
                                    <p class="text-gray-600">{{frag.email}}</p>
                                </div>
                            </div>
                            <div class="flex items-start">
                                <i class="fas fa-clock text-blue-600 mt-1 mr-3"></i>
                                <div>
                                    <h3 class="font-medium">工作时间</h3>
                                    <p class="text-gray-600">{{frag.workTime}}</p>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- 地图 -->
                    <div class="bg-gray-50 p-6 rounded-lg">
                        <div class="aspect-w-16 aspect-h-9">
                            {{@ frag["contact-company-position"]}}
                        </div>
                    </div>
                </div>

                <div class="max-w-4xl mx-auto mb-12">
                    <div class="aspect-w-16 aspect-h-9">
                        {{@ frag["contact-company-img"]}}
                    </div>
                </div>

                <!-- 联系表单 -->
                <!-- <div class="max-w-4xl mx-auto">
                    <h2 class="text-2xl font-semibold mb-4">在线咨询</h2>
                    <form class="bg-gray-50 p-6 rounded-lg">
                        <div class="grid md:grid-cols-2 gap-6 mb-6">
                            <div>
                                <label for="name" class="block text-gray-700 mb-2">姓名</label>
                                <input type="text" id="name" class="w-full px-4 py-2 border border-gray-300 rounded focus:outline-none focus:ring-2 focus:ring-blue-600">
                            </div>
                            <div>
                                <label for="company" class="block text-gray-700 mb-2">新闻名称</label>
                                <input type="text" id="company" class="w-full px-4 py-2 border border-gray-300 rounded focus:outline-none focus:ring-2 focus:ring-blue-600">
                            </div>
                            <div>
                                <label for="email" class="block text-gray-700 mb-2">电子邮箱</label>
                                <input type="email" id="email" class="w-full px-4 py-2 border border-gray-300 rounded focus:outline-none focus:ring-2 focus:ring-blue-600">
                            </div>
                            <div>
                                <label for="phone" class="block text-gray-700 mb-2">联系电话</label>
                                <input type="tel" id="phone" class="w-full px-4 py-2 border border-gray-300 rounded focus:outline-none focus:ring-2 focus:ring-blue-600">
                            </div>
                        </div>
                        <div class="mb-6">
                            <label for="subject" class="block text-gray-700 mb-2">咨询主题</label>
                            <select id="subject" class="w-full px-4 py-2 border border-gray-300 rounded focus:outline-none focus:ring-2 focus:ring-blue-600">
                                <option value="">请选择...</option>
                                <option value="wastewater">污水处理</option>
                                <option value="solidwaste">固废处理</option>
                                <option value="exhaust">废气处理</option>
                                <option value="other">其他</option>
                            </select>
                        </div>
                        <div class="mb-6">
                            <label for="message" class="block text-gray-700 mb-2">咨询内容</label>
                            <textarea id="message" rows="5" class="w-full px-4 py-2 border border-gray-300 rounded focus:outline-none focus:ring-2 focus:ring-blue-600"></textarea>
                        </div>
                        <button type="submit" class="bg-blue-600 hover:bg-blue-700 text-white font-medium py-2 px-6 rounded-md transition-colors">
                            提交咨询
                        </button>
                    </form>
                </div> -->
            </div>
        </section>
    </main>

   <!-- 页脚 -->
  {{include './common/footer.html'}}
  {{include './common/js-common.html'}}
</body>

</html>